<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初识背景精灵</title>
</head>
<body>
    <div>
        <p>1、背景精灵（雪碧图）：就是一张大图上集成了很多张小图片。使用背景定位来显示要显示的小图片。</p>
        <p>2、背景精灵的作用：可以减少向服务器请求的次数，降低服务器的压力，加快浏览器的加载。</p>
    </div>
</body>
</html>